<script setup lang="ts">
import Navbar from "./components/Navbar.vue";
import Hero from "./components/Hero.vue";
import Benefits from "./components/Benefits.vue";
import HowItWorks from "./components/HowItWorks.vue";
import Sponsors from "./components/Sponsors.vue";
import Testimonials from "./components/Testimonials.vue";
import Pricing from "./components/Pricing.vue";
import Community from "./components/Community.vue";
import FAQ from "./components/FAQ.vue";
import Footer from "./components/Footer.vue";
</script>

<template>
  <Navbar />
  <Hero />
  <Sponsors />
  <Benefits />
  <HowItWorks />
  <Testimonials />
  <Community />
  <Pricing />
  <FAQ />
  <Footer />

<!--  <div class="flex flex-col items-center justify-center">-->
<!--    <h2 class="text-center text-2xl text-muted-foreground pb-24">-->
<!--      New sections in progress...-->
<!--    </h2>-->
<!--  </div>-->
</template>
